<template>
	<view class="absolute toprightBox" v-if="showTopRight">
		<view class="flex" @click="$my.go('/pages/index/index')">
			<image src="/static/images/home.png" mode="" style="width: 46rpx;height: 46rpx;"></image>
			<view class="" style="margin-left: 10rpx;">首页</view>
		</view>
		<view class="flex" @click="$my.go('/pages/cart/cart')" style="margin: 30rpx 0 0;">
			<image src="/static/images/cart1.png" style="width: 46rpx;height: 46rpx;"></image>
			<view class="" style="margin-left: 10rpx;">购物车</view>
		</view>
		<!-- <view class="flex" style="margin: 30rpx 0 0;" @click="$my.go('/pages/my/message')">
			<image src="/static/images/mess.png" mode="" style="width: 46rpx;height: 46rpx;"></image>
			<view class="" style="margin-left: 10rpx;">消息</view>
		</view> -->
	</view>
</template>
<script>
	export default{
		props:{
			showTopRight:{
				default:false,
			}
		}
	}
</script>

<style lang="scss" scoped>
	.toprightBox {
		padding: 24rpx;
		box-sizing: border-box;
		width: 276rpx;
		// height:281rpx;
		// left: 216px;
		right: 32rpx;
		top: 82rpx;
		background: #fff;
		box-shadow: 0px 0px 8rpx 4rpx rgba(171, 171, 171, 0.25);
		z-index: 999999999999;
	}
</style>